import style from './questionHandle.less'
import {useState} from 'react'
import {Button,Input} from 'antd'
const {Search} = Input

const questionHandle:React.FC=()=>{
    let [type,setType] = useState(1)
    return <div className = {style.handle}>
                <div className = {style.head}>
                    问答 / 问答列表
                </div>
                <div className = {style.body}> 
                    <div className = {style.bodytop}>
                        <p>类型：<span className = {style.active}>网站2021A班</span></p>
                        <p>状态：<span className = {type == 1?style.active:null} onClick={()=>{setType(1)}}>全部</span>
                                <span className = {type == 2?style.active:null} onClick={()=>{setType(2)}}>精品</span>
                                <span className = {type == 3?style.active:null} onClick={()=>{setType(3)}}>认证</span>
                                <span className = {type == 4?style.active:null} onClick={()=>{setType(4)}}>被屏蔽</span>
                        </p>
                    </div>
                    <div className = {style.bodybottom}>
                        <div className={style.top}>
                            <span>待处理问答</span>
                            <span>所有问答</span>
                        </div>
                        <div className={style.middle}>
                            <div style={{marginLeft:'-150px'}}>
                                <input type="checkbox" /> 全选
                            </div>
                            <Button size={'large'} style={{marginRight:'-400px',color:'#666'}}>批量回答</Button>
                            <Button size={'large'} style={{marginRight:'-400px',color:'#666'}}>批量选择相似问题答案</Button>
                            <Search placeholder="搜索问答"  style={{ width: 200 ,height:'32px',marginRight:'-170px'}} />
                        </div>
                        <div className={style.bottom}>
                            <span style={{color:'blue',fontWeight:800,margin:'0 10px'}}>1</span>
                            <span style={{color:'#ccc',margin:'0 10px'}}>&gt;</span>
                            <div style={{margin:'0 10px'}}>前往<Input value='1' style={{width:'46px',textAlign:'center'}}/>页</div>
                        </div>
                     </div>
                </div>
            </div>    
}       
export default questionHandle